<%-- 
    Document   : Bantuan
    Created on : Nov 21, 2013, 2:59:50 PM
    Author     : ronald
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Halaman Bantuan</title>
        <link rel="shortcut icon" href="images/favicon.jpg">

        <%-- CSS View --%>
        <link rel="stylesheet" media="screen" href="css/stylesAboutUS.css"/>
    </head>
    <body>

    <body style="background-image:url(images/headerme.jpg); no-repeat center center fixed; #fff;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-attachment:fixed;">

        <table border="0" cellspacing="5" cellpadding="5" align="center" width="75%" height="580">

            <tr>
                <td colspan="3" width="100px" height="180px" align="center" style="background-image:url(images/header4.jpg); background-position:justify;"></td></tr>

            <td colspan="3" width="1%" height="1%" align="align" style="font-size:20px" bgcolor="#1142aa">

                <form action="tabview.html" method="get">
                    <div id="TabView" class="TabView">
                        <div style="width: 100px;" class="Tabs">
                            <div id='menubar'>
                                <a href='HalamanUtamaUser.jsp'><span style="color: #000000">CEK GIZI</span></a>
                                <a href='KamusGiziUser.jsp'><span style="color: #000000">KAMUS GIZI</span></a>
                                <a href='Bantuan.jsp'><span style="color: #000000">BANTUAN</span></a>
                                <a href='TentangKita.jsp'><span style="color: #000000">TENTANG KITA</span></a>

                            </div>
                        </div></form>
                </tr>

            <td rowspan="4" width="50%" height="370" align="center" style="background-color:#06276f;">
                <table>
                    <br>
                    <div class="container">
                        <div class="header"><h3 class="header">USER MANUAL<br>
                                Sistem Informasi Keseimbangan Gizi Bagi Tubuh</h3></div>

                        <br>
                        <align="center">
                            <img src="images/MenuUtamaUser.jpg" width="800px" height="400px">


                            </div><center><i><font color="white">Tampilan awal user setelah mengakses website</i></center>

                            <h3>Terdapat dua fitur besar yang digunakan dalam website ini</h3>

                            <b>* Fitur Cek Gizi</b><br>
                            Fitur ini bertujuan untuk untuk membantu pengguna menghitung jumlah kalori yang diperlukan oleh tubuh.<br> 
                            Cara kerja yang digunakan cukup mudah yaitu 
                            dengan menginputkan identitas diri antara lain seperti nama, usia, jenis kelamin,<br>
                            berat badan, tinggi badan, dan peran aktivitas.<br><br>

                            <b>* Fitur Kamus Gizi</b><br>
                            Fitur ini bertujuan agar user dapat mengetahui berbagai jenis makan-makanan yang sesuai dengan kandungan 
                            kalori di tiap makanan yang berbeda.

                            <br>
                            <br>
                            <div class="header"><h3 class="header">Fitur Cek Gizi</h3></div>

                            <br>
                            <align="center">
                                <img src="images/identitas-nama.jpg" width="500px" height="300px">
                                <center><i>Tampilan error form nama</i></center><br>
                                <b>* User harus menginputkan form NAMA.<br>
                                    * Dengan ketentuan nama yang diinputkan harus berupa karakter huruf.</b><br>

                                <br>
                                <align="center">
                                    <img src="images/identitas-usia.jpg" width="500px" height="300px">
                                    <center><i>Tampilan error form usia</i></center><br>
                                    <b>* User harus menginputkan form USIA.<br>
                                        * Dengan ketentuan usia yang diinputkan harus berupa karakter angka.<br>
                                        * Maksimal penginputan angka sebanyak 3 digit.</b><br>

                                    <br>
                                    <align="center">
                                        <img src="images/identitas-jenis.jpg" width="500px" height="25px">
                                        <center><i>Form jenis kelamin</i></center>
                                        <b>* User harus memilih JENIS KELAMIN.</b><br>

                                        <br>
                                        <align="center">
                                            <img src="images/identitas-berat.jpg" width="500px" height="300px">
                                            <center><i>Tampilan error form berat badan</i></center><br>
                                            <b>* User harus menginputkan form BERAT BADAN.<br>
                                                * Dengan ketentuan berat badan yang diinputkan harus berupa karakter angka.<br>
                                                * Maksimal penginputan angka sebanyak 3 digit.</b><br>

                                            <br>
                                            <align="center">
                                                <img src="images/identitas-tinggi.jpg" width="500px" height="300px">
                                                <center><i>Tampilan error form tinggi badan</i></center><br>
                                                <b>* User harus menginputkan form TINGGI BADAN.<br>
                                                    * Dengan ketentuan tinggi badan yang diinputkan harus berupa karakter angka.<br>
                                                    * Maksimal penginputan angka sebanyak 3 digit.</b><br>

                                                <br>
                                                <align="center">
                                                    <img src="images/identitas-peran.jpg" width="500px" height="150px">
                                                    <center><i>Form pilihan peran aktivitas</i></center><br>
                                                    <b>* User harus memilih pilihan yang tersedia pada form PERAN AKTIVITAS.</b><br><br>

                                                    <div class="container">

                                                        <div class="footer">  </div>
                                                    </div>

                                                    <div class="header"><h3 class="header">Penginputan Identitas Diri Yang Benar</h3></div>
                                                    <br>
                                                    <align="center">
                                                        <img src="images/identitas-laki-laki.jpg" width="500px" height="300px">
                                                        <center><i>Form Identitas Diri Laki-Laki</i></center><br>
                                                        <b>* User menginputkan identitas diri sesuai dengan notifikasi yang sudah tersedia.</b><br>
                                                        <b>* Jika user sudah mengisikan semua form, klik KIRIM.</b><br>

                                                        <br>
                                                        <align="center">
                                                            <img src="images/identitas-perempuan.jpg" width="500px" height="300px">
                                                            <center><i>Form Identitas Diri Perempuan</i></center><br>
                                                            <b>* User dengan Jenis Kelamin perempuan harus memilih KETERANGAN yang tersedia sesuai dengan kondisi saat melakukan cek gizi.</b><br>
                                                            <b>* Jika User tidak sedang dalam hamil atau menyusui. Maka KLIK centang TIDAK ADA.</b><br>
                                                            <b>* Jika User sedang dalam hamil. Maka KLIK centang IBU HAMIL.</b><br>
                                                            <b>* Jika User sedang dalam menyusui. Maka KLIK centang IBU MENYUSUI.</b><br>
                                                            <b>* User menginputkan identitas diri sesuai dengan notifikasi yang sudah tersedia.</b><br>
                                                            <b>* Jika user sudah mengisikan semua form, klik KIRIM.</b><br>

                                                            </div>

                                                            <br>
                                                            <div class="header"><h3 class="header">Hasil Cek Gizi</h3></div>
                                                            <br>
                                                            <img src="images/HasilCekGizi1.jpg" width="500px" height="300px"><br>
                                                            <img src="images/HasilCekGizi2.jpg" width="500px" height="300px"><br>
                                                            <center><i>Hasil Cek Gizi</i></center><br>
                                                            <b>* Pengguna dapat menyimpan File dalam bentuk PDF dengan mengklik tombol SIMPAN</b><br>
                                                            <br>

                                                            <div class="header"><h3 class="header">Download PDF</h3></div>
                                                            <br>
                                                            <img src="images/outputpdf.jpg" width="500px" height="250px"><br>
                                                            <center><i>Output Hasil Cek Gizi</i></center><br>                                        
                                                            <b>* Pengguna dapat menyimpan file PDF dengan cara mengklik tombol DOWNLOAD di pojok kanan atas</b><br>
                                                            <b>* Setelah mengklik tombol Download, maka akan menampilkan kotak dialog berupa pilihan 
                                                                yaitu </b><br>
                                                            <b>pengguna dapat memilih membuka langsung dokumen hasil cek gizi atau menyimpan dokumen.</b><br>
                                                            <b>* Setelah itu Klik tombol OK atau Cancel.</b><br>
                                                            <br>
                                                            
                                                            <div class="header"><h3 class="header">Fitur Kamus Gizi</h3></div><br>
                                                            <br>
                                                            <img src="images/kamusgizi.jpg" width="500px" height="300px"><br>
                                                            <center><i>Halaman Kamus Gizi Pengguna</i></center><br> 
                                                            <b>* Pengguna memilih kategori yang tersedia di Halaman Kamus Gizi Pengguna</b><br>
                                                            <b>* Setelah melakukan pilihan mengklik tombol OK</b><br>
                                                            
                                                            
                                                            <br>
                                                            <img src="images/HasilKamusGiziUser.jpg" width="500px" height="300px"><br>
                                                            <center><i>Halaman Kamus Gizi Pengguna</i></center><br> 
                                                            <b>* Gambar di atas merupakan hasil dari pemilihan kategori pengguna</b><br>
                                                            
                                                            <br>
                                                            <img src="images/pencarian.jpg" width="500px" height="300px"><br>
                                                            <center><i>Melakukan Pencarian</i></center><br> 
                                                            <b>* Pengguna dapat melakukan pencarian terhadap kategori yang ditampilkan</b><br>
                                                            <b>* Contoh di atas melakukan pencarian dengan kata kunci kentang</b><br>
                                                            
                                                            <br>
                                                            <div class="container">
                                                            <div class="footer">  </div>
                                                            </div>

                                                            <br>
                                                            </table>

                                                            </table>

                                                            <table border="0" cellspacing="5" cellpadding="5" align="center" width="75%" height="20">
                                                                <tr><td width="9%" colspan="3" width="100px" height="40px" align="center" style="font-size:15px" bgcolor="#000000"><span style="color: #FFFFFF;"><i><b>Copyright © 2013. Sistem Informasi Keseimbangan Gizi Bagi Tubuh.</i></b></span></td>
                                                                </tr>
                                                            </table>

                                                            </body>
                                                            </html>
